
.img-res
  max-width: 100%
  display: block
  margin: 0 auto
.h2
  font-size: 3rem
  color: #595959
  margin: 3.3rem auto
  @media (max-width: 640px)
    margin: 1rem auto
  span
    font-weight: 500
.productListCommon
  font-size: 14px
  margin-bottom: 1rem
  @media (min-width: 641px)
    margin-bottom: 2.5rem
  a
    display: block
    border: 0.3rem solid #3b1eca
    border-radius: 0.1rem
    padding: 3.6rem 0 4.5rem 0
    color: #3c3c3c
    img
      @extend .img-res
    hr
      margin: 3rem auto
      width: 80%
    .more
      display: block
      width: 22.8rem
      height: 4.5rem
      margin: 2rem auto 0 auto
      line-height: 4.5rem
      background-color: #3b1eca
      border-radius: 2.5rem
      color: #fff
    &:hover
      background-color: #3b1eca
      color: #fff
      .more
        background-color: #ffffff
        color: #3b1eca
    @media (max-width: 640px)
      border: 0.2rem solid #3b1eca
.caseListCommon
  font-size: 14px
  float: none
  display: inline-block
  vertical-align: top
  margin-bottom: 1rem
  @media (min-width: 641px)
    margin-bottom: 2.5rem
  a
    border-bottom: 0.2rem solid #3b1eca
    display: block
    img
      width: 100%
    h3
      height: 8rem
      margin-bottom: 0
      background-color: #3b1eca
      color: #fff
      font-size: 1.8rem
      font-weight: 500
      padding: 2rem 0 0 1.2rem
      overflow : hidden
      text-overflow: ellipsis
      display: -webkit-box
      -webkit-line-clamp: 2
      -webkit-box-orient: vertical
    .box
      background-color: #f8f8f8
      padding: 2.4rem 0 2.4rem 2.5rem 
      color: #5b5b5b
      p
        span
          font-weight: 700
    &:hover
      .box
        background-color: #3b1eca
        color: #fff
header
  height: 10rem
  @media (max-width: 640px)
    height: 8rem
  .logo
    padding-top: 1rem
    img
      float: left
  .nav
    padding: 3rem 0 0 0
    ul
      li
        a
          color: #3a3a3a
          border-radius: 0.5rem
          padding: 0rem 2.5rem
          line-height: 3.4rem
          font-size: 1.8rem
      li.am-active
        a
          background-color: #3b1eca
  // 手机端导航样式
  .mNavButton
    margin-top: 3rem
    margin-right: 1rem
    background-color: #3b1eca
  .mNavList
    .am-list
      li
        background: none
#index
  .index-product
    padding-bottom: 4rem
    @media (max-width: 640px)
      padding-bottom: 1rem
    h2
      @extend .h2
    .proList
      font-size: 0
      .am-u-sm-12
        @extend .productListCommon
      .mNavT
        a
          padding: 16.8rem 0
          color: #3b1eca
          display: block
          font-size: 14rem
          &:hover
            color: #fff
  .index-online
    background-color: #3b1eca
    padding: 6.8rem 0 5.6rem 0
    .am-container
      color: #fff
      h2
        font-size: 3rem
        font-weight: 500
      a
        margin: 4rem auto 0 auto
        display: block
        width: 25rem
        height: 4.8rem
        color: #393939
        background-color: #fff
        font-size: 1.6rem
        line-height: 4.8rem
        border-radius: 2.4rem
        font-weight: 700
  .index-case
    .container
      font-size: 0
      h2
        @extend .h2
      .am-u-sm-12
        @extend .caseListCommon
      .indexCaseT
        a
          padding: 10.7rem 0
          i
            font-size: 14rem
            color: #3b1eca
footer
  .footer-map
    padding-top: 5rem
    .am-u-sm-12
      margin-bottom: 1rem
      padding-bottom: 1rem
      @media (max-width: 1024px)
        margin-bottom: 0
        padding-bottom: 0
        hr
          margin-top: 4rem
      .mapTitle
        h2
          vertical-align: middle
          margin: 1rem 0 0 3.8rem
      h2
        font-size: 2.4rem
        font-weight: 500
        margin-top: 1rem
      ul
        list-style: none
        padding-left: 0
        li
          margin-bottom: 2rem
          a
            color: #727272
          i
            margin-right: 2.5rem
            color: #727272
  .footer-copyright
    padding: 2rem 0
    background-color: #505050
    color: #fff
    .copyrightLeft
      p
        margin-bottom: 0
    a
      color: #fff
  .am-gotop-fixed
    .am-gotop-icon
      background-color: #3b1eca
      color: #fff
      opacity: 0.8
      border-radius: 50%
    

              
              